<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*{
			 margin: 0;
			 padding: 0;
			}
			.a{
				position: relative;
			    width: 200px;
				 height:50px;
				 background-image: url(产品-Bellucci%20EVOO_files/logo_k.png);
				 top: 15px;
				 left: -20px;
				}
			
			#toggle {
				width: 20px;
				height: 20px;
				border-radius: 500px 500px;
				display: inline-block;
				margin-left: 1350px;
				margin-top: 22px;
				background-color: lightslategrey;
				opacity: 0;
			}
			
			#toggle~span {
				width: 12px;
				height: 2px;
				background-color: #000000;
				display: block;
				margin: 8px 1369px;
				position: absolute;
			
			}		  
			.span {
				  	top: 20px;
				  	left: -15px;
				  }
				  
			.span2 {
				  	top: 24px;
				  	left: -15px;
				  }
				  
			.span3 {
				  	top: 28px;
				  	left: -15px;
				  }
			ul{
					position: relative;
					top: -15px;
					left: 72%;
					width: 250px;
					/* overflow: auto; */			
			} 	  
			li{
				list-style-type:none;
				float: left;
				margin-left: 30px;
			}	
			a{
				text-decoration: none;	
				font-size: small;
				font-family: "微软雅黑";
				color: #444444;	
				
			 }
			 a:hover{
			 		 background-color: #AFD9EE;
			 	     color: white;
			        }
		</style>
	</head>
	<body>
		<div class="a">
		 <div class="b">
			<a href="#" id="toggle"></a>
			<span class="span sspan"></span>
			<span class="span2 sspan"></span>
			<span class="span3 sspan"></span>
		 </div>
		 </div>
		<div>
			<ul>
				<li style="width: 52px;"><a href="产品展示.html">产品展示</a>
					<p></p>
				</li>
				<li style="width: 66px;"><a href="#">商店定位器</a>
					<p></p>
				</li>
				<li style="width: 27px;"><a href="#">联系</a>
					<p></p>
				</li>
			</ul>
		</div>
		<div></div>
	
	</body>
</html>
